<template>
    <div class="layout">
        <header>
            <!-- 头部 -->
            <header-view />
        </header>
        <div class="headers"></div>
        <main>
            <aside>
                <leftView></leftView>
            </aside>
            <!-- <section>
                右侧
            </section> -->
        </main>
        <!-- <footer>
            底部
        </footer> -->
    </div>
</template>


<script lang="ts" setup>
import HeaderView from './views/headerView.vue';
import leftView from './views/leftView.vue';
import { ref } from 'vue';
import { useRoute } from 'vue-router';
import 'element-plus/dist/index.css';
const route = useRoute();
const name = ref(route.query.name as string);
console.log("name", name);

const mylogin=localStorage.getItem("ISLOGIN");
</script>


<style lang="scss">
@import "./common/scss/variable.scss";
.layout {
    header {
        width: 100%;
        position: fixed;
        height: 8vh;
        // background-color: $bgcolor;
        background-image: url(./common//images/System_bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 999;
    }
    .headers{
        width: 100%;
        height: 8vh;
    }
    main {
        display: flex;

        aside {
            display: inline-flex;
            width: 100vw;
            height: 92vh;
            border-right: 1px solid $borderColor;
        }

        section {
            display: inline-flex;
            width: 80vw;
            height: 92vh;
        }
    }

    footer {
        position: fixed;
        bottom: 0;
        width: 100vw;
        border-top: 1px solid $borderColor;
        height: 5vh;
        background-color: white;
    }
}
</style>